Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

454
Views
How can I select only one element per group within a multiple select? [ng-zorro and nz-option-group]

I have a multiple select with several groups inside, thanks to nz-option-group. The problem is that I would like that although the select alone is multiple, it is possible to select an element for each group.


 <nz-select
            [formControl]="sortingGroupControl"
            nzAllowClear
            nzPlaceHolder="Choose"
            nzShowSearch
            nzMode="multiple"
            style="width: 70%"
          >
            <nz-option-group
              *ngFor="let item of sortItems"
              [nzLabel]="item.label"
            >
              <nz-option
                *ngFor="let value of item.groupItem"
                [nzValue]="value"
                [nzLabel]="value.order.label"
              ></nz-option>
            </nz-option-group>
          </nz-select>

A graphic example is this: example of multiple select

So i want select a field for Employee group, a select for Type Group etc.

Because now i can select more field for every group.

over 4 years ago · Santiago Trujillo
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!